<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>广西壮族自治区施工图联合审查系统 </title>
    <link rel="stylesheet" href="statics/css/font.css">
    <link rel="stylesheet" href="statics/layui/css/layui.css">
    <link rel="stylesheet" href="statics/css/weadmin.css">

     
    
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            font-size: 14px;
        }

        body {
            font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
            color: #333;
            background: #f2f2f2;
        }

        .wrap {
            width: 1100px;
            margin: 0 auto;
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .fc {
            clear: both;
        }

        .header_tip {
            background: #f2f2f2;
            border-bottom: 1px solid #ececec;
        }

        .tips {
            font-size: 12px;
            padding: 5px 0;
        }

        .head_title {
            height: 80px;
            background: #fff;
        }

        .head_title h1 {
            font-size: 30px;
            line-height: 80px;
            color: #333;
            font-weight: bold;
        }

        .head_link {
            font-size: 14px;
            background: url('statics/images/gh.png') center left no-repeat;
            padding-left: 25px;
            line-height: 80px;
        }

        .head_link a, .footer a {
            text-decoration: none;
            color: inherit
        }

        .head_link a:hover, .footer a:hover {
            text-decoration: underline;
        }

        .banner {
            background: url('statics/images/banner.jpg') center center repeat;
            height: 565px;
            border-top: 3px solid #358ccb;
            border-bottom: 5px solid #a8d6f7;
        }

        .banner .login {
            width: 345px;
            height: 370px;
            /*background: #85bef0;*/
            background-color: rgba(255, 255, 255, 0.3);
            position: relative;
            right: 2%;
            top: 15%;
            border-radius: 5px;
            box-shadow: 3px 3px 3px #000;
            margin: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .banner .login_user {
            width: 171px;
            height: 378px;
            background: url('statics/images/user.png') bottom right no-repeat;
            position: relative;
            top: 25%;
            right: 3%;

        }
        .little .banner .login_user{
            top: 3%;
        }
        .little .banner .login{
            top:3%;
        }
        .little .banner{
            height:404px;
        }
        .middle .banner{
            height:510px;
        }

        .footer {
            text-align: center;
            background: #f3f3f3;
            height: 100px;
            padding-top: 10px;
        }

        .footer p {
            line-height: 25px;
        }

        .footer p.finfo {
            color: #999;
        }

        .loginTitle {
            font-size: 48px;
            text-align: center;
            height: 50px;
            line-height: 50px;
            margin-top: 50px;
            color: #fff;
        }

        .forgetPwd {
            position: absolute;
            right: 0;
            top: 9px;
        }

        .footer {
            color: #333;
            text-align: center;
            background: none;
            border: none;
        }

        .signUp {
            cursor: pointer;
            color: #00b7ee;
        }

        .ptitle {
            margin-top: -10px;
            margin-bottom: 20px;
            height: 40px;
            line-height: 40px;
            font-size: 25px;
            text-align: center;
            color: #333;
            font-weight: bold;
        }
    </style>
</head>
<body>
<div class="header">

    <div class="header_tip">
        <div class="tips wrap">
            您好，欢迎使用施工图审图多图联审系统！
        </div>
    </div>
    <div class="head_title">
        <div class="wrap">
            <h1 class="fl">广西壮族自治区施工图联合审查系统 </h1>
            <div class="head_link fr">
                <a href="javascript:void(0);">广西壮族自治区住房和城乡建设厅</a>
            </div>
        </div>
    </div>
</div>
<div class="banner">
    <div class="login_user fr"></div>
    <div class="login fr">
        <p class="ptitle">用户登录</p>
        <form method="post" class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input name="userName" id="userName" placeholder="用户名" type="text" lay-verify="required|username" class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-block">
                    <input name="password" id="password" lay-verify="required" placeholder="密码" type="password" class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item" pane style="border:none;">
                <label class="layui-form-label" style="background:none;border:none;">记住密码</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="rememberMe" id="rememberMe" lay-skin="switch" lay-text="开|关"/>
                </div>
                <a href="" class="forgetPwd">忘记密码？</a>
            </div>
            <input class="loginin" value="登录" lay-submit="" onclick="ysb.login();" lay-filter="login" style="width:100%;" type="button" />
            <div class="layui-form-item" style="text-align: center;margin-top:15px;margin-bottom:0;">还没有账号?去 <a class="signUp">注册</a></div>
        </form>
    </div> 
</div>
<div class="footer">
    <p>
        <i class="layui-icon layui-icon-home"></i> <a href="#">把本站设为首页</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <i class="layui-icon layui-icon-survey"></i> <a href="#">常见问题</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <i class="layui-icon layui-icon-util"></i> <a href="#">操作手册</a>&nbsp;&nbsp;&nbsp;&nbsp;
    </p>
    <p>技术支持：0311-85299922&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;E-mail：997050983@qq.com</p>
    <p class="finfo">主办单位：广西壮族自治区住房和城乡建设管理局&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;研发单位：河北霄岭工程设计咨询有限公司</p>
</div>
<script src="statics/layui/layui.js" charset="utf-8"></script>
<script src="statics/js/config.js" charset="utf-8"></script>
<script src="statics/js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="statics/js/login.js"  charset="utf-8"></script>
</body>
</html>
